CSS文件是什么

2023-09-19 04:29| 来源: 网络整理| 查看: 265

CSS文件 CSS文件是什么CSS文件怎么用怎么创建CSS文件怎么使用CSS文件

CSS文件是什么

css文件简单来说就是一种后缀名为".css"的文本文件它的作用简单来说就是把css代码和html代码分离开，同时一个css文件可以把很多修饰作用包装在一起，方便很多html文件使用，减少代码的重复量

上张图：

这就是CSS文件↓

在这里插入图片描述

接下来说说CSS文件怎么用

CSS文件怎么用怎么创建CSS文件

直接创建一个后缀为".css"的文件即可↓

在这里插入图片描述

怎么使用CSS文件

首先我们先创建一个html文件写一些内容

这句不加任何修饰的话是为了对比颜色和大小的修饰一级标题二级标题不被修饰 p标签的内容也会被修饰

例如这样的↑，如果我们不用css文件修饰h标签或p标签时，我们是直接在head里写个style然后加上我们想要的修饰也就是这样↓：

h1{ color: red; } p{ color: blue; font-size: 50px; } 这句不加任何修饰的话是为了对比颜色和大小的修饰一级标题二级标题不被修饰 p标签的内容也会被修饰

接下来我们用css文件来修饰

首先我们把style里面的内容放到我们刚才创建的css文件里我写的文件名是“style.css”

css代码：

h1{ color: red; } p{ color: blue; font-size: 50px; }

然后我们在html文件里调用创建的css文件语句这样写↓

href=“css文件位置”

html代码：

这句不加任何修饰的话是为了对比颜色和大小的修饰一级标题二级标题不被修饰 p标签的内容也会被修饰

效果截图：在这里插入图片描述创作不易，看完如果对你有帮助，感谢点赞支持！如果你是电脑端，看见右下角的“一键三连”了吗，没错点它[哈哈]

在这里插入图片描述加油！

共同努力！

Keafmd

【本文地址】

公司简介

联系我们